/********************************/
/*		General settings		*/
/********************************/

	* {
		padding: 0;
		margin: 0;
	}
	
	a {
		text-decoration: underline;
		color: #222;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	body {
		font-size: 11.5pt;
		line-height: 1.75em;
		color: #888;
		background: #D0E3F1 url(../images/bg.jpg) top center no-repeat;
		letter-spacing: -0.02em;
	}
	
	body,input {
		font-family: Arial, sans-serif;
	}
	
	br.clearfix {
		clear: both;
	}
	
	h1,h2,h3,h4 {
		text-transform: uppercase;
		letter-spacing: -1px;
		font-weight: normal;
	}
	
	h2 {
		font-size: 1.75em;
	}
	
	h2,h3,h4 {
		color: #222;
		font-family: Oswald, sans-serif;
		margin-bottom: 1em;
	}
	
	h3 {
		font-size: 1.5em;
	}
	
	h4 {
		font-size: 1em;
	}
	
	img.alignleft {
		margin: 5px 20px 20px 0;
		float: left;
	}
	
	img.aligntop {
		margin: 5px 0 20px 0;
	}
	
	p {
		margin-bottom: 1.5em;
	}
	
	ul {
		margin-bottom: 1.5em;
	}
	
	ul h4 {
		margin-bottom: 0.35em;
	}
	
	#content {
		width: 655px;
		padding: 0;
		float: left;
	}
	
	#footer {
		text-align: center;
		padding: 40px 0 100px 0;
		font-size: 0.9em;
	}
	
	#footer a {
		color: #555;
	}
	
	#header {
		color: #FFF;
		position: relative;
		height: 80px;
		background: #C6C6C6;
		width: 910px;
		padding: 35px;
	}
	
	#logo {
		position: absolute;
		top: 60px;
	}
	
	#logo a {
		color: #696969;
		text-decoration: none;
		text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	}
	
	#logo h1 {
		font-size: 3em;
		font-weight: bold;
		font-family: Oswald, sans-serif;
	}
	
	#menu {
		line-height: 60px;
		font-family: Oswald, sans-serif;
		padding: 0 35px 0 35px;
		width: 910px;
		height: 60px;
		font-size: 1.2em;
		background: #B80808;
		text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	}
	
	#menu {
		text-transform: uppercase;
		letter-spacing: -1px;
		color: #FFF;
	}
	
	#menu a {
		color: #FFF;
		text-decoration: none;
	}
	
	#menu ul {
		list-style: none;
	}
	
	#menu ul li {
		padding: 0 20px 0 20px;
		height: 60px;
		display: inline-block;
	}
	
	#menu ul li.first {
		padding-left: 0;
	}
	
	#menu ul li.active {
		border: #B80808;
	}

	#menu .arrow {
		display: inline-block;
		margin: 0 0 0 0.5em;
		position: relative;
		width: 0;
		height: 0;
		top: -3px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 7px solid #FFFFFF;
	}
	
	#menu .cart{
		float: right;
	    display: block;
	}
	
	#menu .cartI{
		float: right;
	    display: block;
		padding: 7px 0 0 10px;
	}
	
	#page {
		color: #656565;
		padding: 60px 35px 25px 35px;
		margin: 0;
		width: 910px;
		position: relative;
	}
	
	#page strong {
		color: #222;
	}
	
	#page .section-list {
		list-style: none;
		padding-left: 0;
	}
	
	#page .section-list li {
		padding: 20px 0 20px 0;
		clear: both;
	}
	
	#page ul {
		list-style: none;
	}
	
	#page ul li {
		padding: 10px 0 10px 0;
		border-top: dotted 1px #CCC;
	}
	
	#page ul li.first {
		padding-top: 0;
		border-top: 0;
	}

	#col1 {
		float: left;
		width: 310px;
		overflow: hidden;
	}
	
	#col2 {
		width: 310px;
		overflow: hidden;
		margin: 0 0 0 340px;
	}
	
	#search {
		position: absolute;
		top: 58px;
		right: 35px;
	}
	
	#search input.form-text {
		padding: 8px 42px 8px 12px;
		width: 175px;
		border: 0;
		background: #FFF url(images/search.png) top right no-repeat;
		border-top: solid 1px #1F3C49;
		color: #000000;
	}
	
	#sidebar {
		width: 225px;
		margin: 0 0 0 685px;
		padding: 0;
	}
	
	#splash {
		height: 180px;
		position: relative;
		width: 980px;
		background: #FFF;
		overflow: hidden;
	}
	
	#wrapper {
		width: 980px;
		position: relative;
		background: #fff;
		margin: 80px auto 0 auto;
	}
	
	.dropotron {
		min-width: 200px;
		padding: 20px 15px 20px 15px;
		background: #B80808;
		list-style: none;
		line-height: 2.75em;
	}
	
	table.center {
	    margin-left:auto; 
	    margin-right:auto;
		border="0";
	}
	
	.button{
		text-align: center;
	}  
	  
	.dropotron li {
		text-shadow: 0 1px 1px rgba(0,0,0,0.8);
		color: #D3DDE2;
		position: relative;
		border-top: dotted 1px #4f798e;
		padding: 0 20px 0 20px;
	}
	
	.dropotron li:hover {
		background: #E00000;
	}
	
	.dropotron li:hover .arrow {
		border-left-color: #153646;
	}
	
	.dropotron li.first {
		border-top: 0;
	}
	
	.dropotron li.last {
		border-bottom: 0;
	}
	
	.dropotron li a {
		color: #E3EAED;
		text-decoration: none;
	}
	
	.dropotron .arrow {
		display: inline-block;
		margin: 0 0 0 0.5em;
		position: absolute;
		right: 15px;
		top: 15px;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 7px solid #254656;
	}

/********************************/
/*		Begin Admin Pagina		*/
/********************************/

	.adminLogo {
		margin: 30px 0 0 0;
		width: 355px;
		text-align: left;
		float: left;
	}
	
	.adminActions {
		margin: 100px 0 0 0;
		width: 300px;
		float: right;
	}


/********************************/
/*	  Add/Edit/Remove Product   */
/********************************/

	.floatRight {
	  margin: 0 10px 0 0;
	  float: right;
	}

/********************************/
/*		Validation Layout		*/
/********************************/

    .error {
    	border-color: red;
        border-width: 2px;
    }

/********************************/
/*		adminPopup				*/
/********************************/	

	#backgroundPopup{
		display:none;
		position:fixed;
		_position:absolute; /* hack for internet explorer 6*/
		height:100%;
		width:100%;
		top:0;
		left:0;
		background:#000000;
		border:1px solid #cecece;
		z-index:1;
	}
	
	#popupContact{
		display:none;
		position:fixed;
		_position:absolute; /* hack for internet explorer 6*/
		height:384px;
		width:408px;
		background:#FFFFFF;
		border:2px solid #cecece;
		z-index:2;
		padding:12px;
		font-size:13px;
	}
	
	#popupContact img{
		margin: 0 0 0 75px;
	}
	
	#popupContact h1{
		text-align:left;
		color:#6FA5FD;
		font-size:22px;
		font-weight:700;
		border-bottom:1px dotted #D3D3D3;
		padding-bottom:2px;
		margin-bottom:20px;
	}
	
	#popupContactClose{
		font-size:14px;
		line-height:14px;
		right:6px;
		top:4px;
		position:absolute;
		color:#6fa5fd;
		font-weight:700;
		display:block;
	}

/********************************/
/*		Notebooks pagina		*/
/********************************/	
	
	.productTable {
		border: 2px solid #AAAAAA;
		padding: 10px 10px 10px 10px;
		width: 100%;
		font-size: 10pt;
		vertical-align: top;
	}
	
	.groepTableFix {
		margin: -2px 0 0 0;
	}
	
	.vindLeuk {
		width: 100%;
		font-size: 10pt;
		vertical-align: top;
		margin: 10px 0 0 0;
	}
	
	.center {
		text-align: center;
	}
	
	.center2 {
		vertical-align: bottom;
		text-align: center;
	}
	
	.tdPrijs {
		width: 25%;
		padding: 10px 0 0 50px;
	}
	
	.tdKorting {
		width: 25%;
		text-align: center;
		padding: 10px 0 0 0;
	}
	
	.tdExtraInfo {
		width: 50%;
		padding: 0 0 0 50px;
	}
	
	.filterTitel {
		margin: 0 0 5px 0;
		width: 100px;
	}
	
	.filterData {
		font-size: 80%;
		margin: 0 0 15px 15px;
	}
	
	.filterKnop {
		padding: 5px 0 5px 0;
	  	margin: 2px 0 2px 0;
	  	width: 210px; 
	  	font: 100% arial; 
	  	border: 1px solid #AAAAAA; 
	  	background: #E8E8E8; 
	  	color: #47433F;
	}
	
	.filterKnop:HOVER {
		border-color: black;
	}
	
	.schikkingKnoppen {
		margin: 8px 0 0 0;
	}
	
	.tdGroepsTitel {
		color: #2DC24A;
		font-weight: bold;
	}
	
	.tdButton {
		width: 50%;
		text-align: center;
	}
	
	.td40 {
		padding: 0 0 0 0;
		width: 50%;
		vertical-align: top;
	}
	
	.td60 {
		padding: 0 0 0 0;
		width: 50%;
		vertical-align: top;
	}
	
	.productOmschrijving {
	   padding: 0 0 0 10px;
	}
	
	.highlight {
	   font-weight: bold;
	}
	
	.bold {
	  font-weight: bold;
	}
	
	.kerenGekocht {
		margin: -10px 0 0 0;
	}
	
	.winkelwagenFoto{
		margin: -25px 0 0 0;
	}
	
	.notebookTitel {
	  font-weight: bold;
	  font-size: 135%
	}
	
	.submit {
	  padding: 5px 0 5px 0;
	  margin: 2px 0 2px 0;
	  width: 220px; 
	  font: 100% arial; 
	  border: 1px solid #AAAAAA; 
	  background: #E8E8E8; 
	  color: #47433F;
	}
	
	.submitText {
	  padding: 5px 0 5px 0;
	  margin: 2px 0 2px 0;
	  width: 175px; 
	  font: 100% arial; 
	  border: 1px solid #AAAAAA; 
	  color: #47433F;
	}
	
	.layoutInput input {
	  padding: 5px 0 5px 0;
	  margin: 2px 0 2px 0;
	  width: 175px;
	  font: 100% arial; 
	  border: 1px solid #AAAAAA; 
	  color: #47433F;
	}
	
	.layoutInput textarea {
	  max-height: 100px;
	  max-width: 175px;
	  padding: 5px 0 5px 0;
	  margin: 2px 0 2px 0;
	  width: 175px;
	  height: 100px;
	  font: 100% arial; 
	  border: 1px solid #AAAAAA; 
	  color: #47433F;
	}
	
	.submitFilterPrijs input{
	  padding: 5px 0 5px 0;
	  margin: 2px 0 15px 0;
	  width: 45px; 
	  font: 100% arial; 
	  border: 1px solid #AAAAAA; 
	  color: #47433F;
	}
	
	.submit:HOVER {
		border-color: black;
	}
	
	.box {
		margin: 0 0 30px 0;
		overflow: hidden;
	}
	
	.filterBorder {
		border: 2px solid #AAAAAA;
		padding: 5px;
		margin: 30px 0 0 0;
	}
	
/********************************/
/*		Other settings			*/
/********************************/	

	.backgroundbox {
		background-color: #D0D0D0;
		padding: 15px;
		margin-bottom: 15px;
		color: black;
		font-weight: bold;
	}
	
	.storebox {
		border: 1px;
		border-style: solid;
		border-color: black;
		padding: 15px;
		margin: 10px;	
		width: 250px;
		height: 330px;
		float: left;
		box-shadow: 10px 10px 5px #888;
	}
	
	.selectedStore {
		border: 1px;
		border-style: solid;
		border-color: black;
		padding: 15px;
		margin: 10px;	
		width: 250px;
		height: 330px;
		float: left;
		box-shadow: 10px 10px 5px #888;
	}
	
	.selectedStore h2 {
		color: #33CC00;
	}
	
	.specList{
	   width:100%;
	   font-weight:bold;
	   border:1px solid #d7dfdd
	}
	
	.specList td,table.specList th{
	   padding:8px 10px 8px 18px;
	   border-top:1px solid #d7dfdd
	}
	
	.specList tr:first-child th{
	   border-top:0
	}
	
	.specList th{
	   background:#f2f6f5;
	   text-align:left;
	   color:#2c606d;
	   font-weight:bold
	}
	
	.specList td{
	   background:#fcfdfc;
	   color:#333836;
	   font-size:11px;
	   padding-left:30px
	}
	
	.specList td small{
	   font-size:11px;
	   color:#646464
	}
	
	.center {
		display: block;
		margin-left: auto;
	  	margin-right: auto;
	}
	
	.activeoffer {
		border: 1px;
		border-style: solid;
		border-color: black;
		padding: 15px;
		margin: 10px;	
		width: 250px;
		float: left;
		box-shadow: 10px 10px 5px #888;
		cursor: pointer;
	}
	
	.selected {
		border: 1px;
		border-style: solid;
		border-color: black;
		padding: 15px;
		margin: 10px;	
		width: 250px;
		float: left;
		box-shadow: 10px 10px 5px #888;
		cursor: pointer;
	}
	
	.selected h3 {
		color: #33CC00;
	}
	
	.price {
		margin-right: 40px;
		font-weight: bold;
		color: #33CC00;
	}
	
	#activeOffer {
		background-color: FF0000;
	}
	
	#CompareBox {
		position: absolute;
		top: 3.25%;
		left: -25%;
		background-color: white;
	}
	
	.CompareList {
	   width:100%;
	   font-weight:bold;
	   border:1px solid #d7dfdd;
	}
	
	.CompareList td,table.specList th {
	   padding:8px 10px 8px 18px;
	   border-top:1px solid #d7dfdd;
	}
	
	.CompareList tr:first-child th {
	   border-top:0;
	}
	
	.CompareList th{
	   background:#f2f6f5;
	   text-align:left;
	   color:#2c606d;
	   font-weight:bold;
	}
	
	.CompareList td{
	   background:#fcfdfc;
	   color:#333836;font-size:11px;
	   padding-left:10px;
	}
	
	.CompareList td small{
	   font-size:11px;
	   color:#646464;
	}
	
	.specfloat {
		float: left;
		margin-right: 10px;
	}
	
	.warning {
		border: 1px thin;
		background-color: rgba(255,153,51,0.8);
		color: white;
		padding: 15px;
		margin-bottom: 15px;
	}
	
	.testje {
		font-size: 5pt;
	}
	
	.aboutList {
		padding: 0 0 0 30px;
		font-style: italic;
	}
	
	.aboutLogo {
		margin: 40px 0 10px 0;
		width: 300px;
		text-align: left;
		float: right;
	}
	